<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
        <script type="text/javascript">
            function lookup(inputString) {
                if(inputString.length == 0) {
                    // Hide the suggestion box.
                    $('#suggestions').hide();
                } else {
                    $.post("rpc.php", {queryString: ""+inputString+""}, function(data){
                        if(data.length >0) {
                            $('#suggestions').show();
                            $('#autoSuggestionsList').html(data);
                        }
                    });
                }
            } // lookup

            function fill(thisValue) {
                $('#inputString').val(thisValue);
                setTimeout("$('#suggestions').hide();", 200);
            }
        </script>
    </head>
    <body>
        <form>
            Digite o nome:
            <br />
            <input type="text" size="30" value="" id="inputString" onKeyUp="lookup(this.value);" onBlur="fill();" />

            <div class="suggestionsBox" id="suggestions" style="display: none;">
                <img src="../upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
                <div class="suggestionList" id="autoSuggestionsList">

                </div>
            </div>
        </form>
        <?php
        // put your code here
        ?>
    </body>
</html>
